<template>
  <div data-v-c6d954ae="" class="taxi-cancel-trip">
    <div data-v-c6d954ae="" class="main">
      <div data-v-c6d954ae="">
        <div data-v-c6d954ae="">
          <div data-v-c6d954ae="" class="result-img network-bad"></div>
          <div data-v-c6d954ae="" class="p-explain">
            网络出问题了，暂时无法获取判责数据，可稍后于首页左上角“个人中心-行程”中找到该订单查看详情
          </div>
        </div>
      </div>
      <div data-v-c6d954ae="" class="description"></div>
      <!---->
    </div>
    <div data-v-c6d954ae="" class="button-region">
      <!---->
      <div data-v-c6d954ae="" class="button sure">
        暂不取消
      </div>
      <div data-v-c6d954ae="" class="button cancel border-1px">
        确认取消
      </div>
      <div data-v-c6d954ae="" class="cancel-rule">
        <i data-v-c6d954ae="" class="mfic-tips-icon"></i>取消规则
      </div>
    </div>
    <div data-v-c6d954ae=""></div>
    <div class="" data-v-c6d954ae="">
      <div class="mf-toast-mask" style="display: none;"></div>
      <div class="mf-toast-container" style="display: none;">
        <div class="mf-toast">
          <i class="mf-icon mfic-loading" style="display: none;"></i>
          <div class="mf-loading-container" size="25">
            <img src="">
          </div>
          <div class="mf-toast-tip">加载中</div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
  .taxi-cancel-trip[data-v-c6d954ae] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    overflow: hidden;
}
.main[data-v-c6d954ae] {
    text-align: center;
    padding-top: 112px;
}
.main .result-img[data-v-c6d954ae] {
    width: 102px;
    height: 102px;
    dispay: inline-block;
    margin: 0 auto;
    position: relative;
}
.network-bad[data-v-c6d954ae] {
    width: 102px!important;
    background: url() no-repeat;
    background-origin: content-box;
}
</style>